<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="../jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
	/*
		$()下的常用方法: 	都是带'<>'的
			wrap() : 包装
			wrapAll() : 整体包装（注意：有可能会改变内部的DOM节点）
			wrapInner() : 内部包装
			unwrap() : 删除包装(也可以理解为 删除父级：不包括body)----w没有大写.参数可以筛选元素
	*/
	$(function() {
		// $('span').wrap('<div>');		//不能只是div。给每一个span都包装了一个div在外面

		// $('span').wrapAll('<div>');		//把所有span包装在同一个div内,如果中间有其他兄弟节点，会把他们掷后

		// $('span').wrapInner('<div>');	//给每一个span里面都加一个div,并且内容转移到它div身上

		// $('#div3').unwrap();		//删除直接父级div2
	});
	</script>
</head>
<body>
	<h1>h1</h1>
	<span>span1</span>
	<em>em</em>
	<span>span2</span>
	<p>p</p>
	<span>span3</span>

	<div id="div1">
		<div id="div2">
			<div id="div3"></div>
		</div>
	</div>

</body>
</html>